<template>
   <div class="footer">
            <p>
                <span>登录</span>|
                <span>注册</span>|
                <span>客户服务</span>|
                <span>返回顶部</span>
            </p>
            <p>
                <img v-for="(v,index) in footerArr" :src="footerArr[index]" alt="" :key="index">
            </p>
            <p>
                Copyright © 2004-2020 京东JD.com 版权所有
            </p>
        </div>
</template>

<script>
export default {
    data(){
        return{
            footerArr:[
            "//m.360buyimg.com/mobilecms/jfs/t16423/186/2517573622/5186/75a541f7/5ab1c0deN947bdcba.png",
            "//m.360buyimg.com/mobilecms/jfs/t18550/294/898388074/6574/3a8c5413/5ab0b8e9Ne9c48331.png",
            "//m.360buyimg.com/mobilecms/jfs/t14581/218/2689195961/4696/203b872a/5ab1c0f2N51c3f1bb.png"
        ]
        }
    }
}
</script>

<style scoped>
   .footer {
  height: 56.8vw;
}
.footer p {
  border-top: 1px solid #e5e5e5;
}
.footer p:first-child {
  color: #939597;
  font-size: 3.73333333vw;
  height: 14.93333333vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 8vw;
}
.footer p:nth-child(2) {
  height: 18.26666667vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer p:nth-child(2) img {
  height: 13.33333333vw;
  width: 13.33333333vw;
}
.footer p:last-child {
  padding-top: 2.66666667vw;
  text-align: center;
  font-size: 3.2vw;
  color: #939597;
}
</style>